<%@page import="java.util.Arrays"%>
<%@page import="org.ifilm.model.Project"%>
<%@page import="java.util.List"%>
<%@page import="org.ifilm.controller.ProjectController"%>
<%@page import="org.ifilm.util.GeneralConstants"%>
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Add Postings</title>
	
	<link rel="icon" type="image/png" href="/film/img/favicon.ico">
	<link href="/film/css/index.css" rel="stylesheet" />
	<link href="/film/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
	
	<script src="/film/js/jquery.js"></script>
	<script src="/film/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="/film/js/jquery.validator.js"></script>
	<script src="/film/js/photoUpload.js"></script>
	
	<style>
		body {
			padding-top: 60px;
			/* 60px to make the container go all the way to the bottom of the topbar */
						
		}	
	
	</style>
</head>
<body>
		<jsp:include page="navigationBar.jsp"/>	
		<!-- In this part, we will get project(film) properties from user such as -->
		<!-- project name, filming location, film subject, language -->
		<!-- start date and estimated shooting time -->
		<div class="container">		
		<ul class="nav nav-tabs">
    		<!-- Dropdown menu listing job types -->
			<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Select Jobs to Add<b class="caret"></b></a>
				<ul class="dropdown-menu">
					<li class="dropdown-submenu">
						<a tabindex="-1" href="#">Acting</a>
						<ul class="dropdown-menu">
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingActor%>" data-toggle="tab">Actor</a></li>
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingActress%>" data-toggle="tab">Actress</a></li>
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingDublour%>" data-toggle="tab">Dublour</a></li>
						</ul>
					</li>
					<li class="dropdown-submenu">
						<a tabindex="-1" href="#">Production</a>
						<ul class="dropdown-menu">
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingProducer%>" data-toggle="tab">Producer</a></li>
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingSupervisor%>" data-toggle="tab">Script Supervisor</a></li>
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingProductionManager%>" data-toggle="tab">Production Manager</a></li>
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingProductionCoordinator%>" data-toggle="tab">Production Coordinator</a></li>
						</ul>
					</li>
					<li class="dropdown-submenu">
						<a tabindex="-1" href="#">Camera</a>
						<ul class="dropdown-menu">
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingDirectorOfPhotography%>" data-toggle="tab">Director of photography</a></li>
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingCameraman%>" data-toggle="tab">Cameraman</a></li>
						
						</ul>												
					</li>
					<li class="dropdown-submenu">
						<a class="model-menu" href="#costume" data-toggle="tab">Costume Hair and Makeup</a>
							<ul class="dropdown-menu">
								<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingCostumeDesigner%>" data-toggle="tab">Costume Designer</a></li>
								<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingMakeupArtist%>" data-toggle="tab">Makeup Artist</a></li>
								<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingHairDresser%>" data-toggle="tab">Hair Dresser</a></li>
							</ul>
						</li>
					<li class="dropdown-submenu">
					<a class="model-menu" href="#art" data-toggle="tab">Art</a>
						<ul class="dropdown-menu">
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingArtDirector%>" data-toggle="tab">Art Director</a></li>
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingSetDecorator%>" data-toggle="tab">Set Decorator</a></li>
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingConstructionCoordinator%>" data-toggle="tab">Construction Coordinator</a></li>
						</ul>												
					</li>
					<li class="dropdown-submenu">
						<a tabindex="-1" href="#">Sound Set and Light</a>
						<ul class="dropdown-menu">
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingSoundMixer%>" data-toggle="tab">Sound Mixer</a></li>
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingBoomOperator%>" data-toggle="tab">Boom Operator</a></li>
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingKeyGrip%>" data-toggle="tab">Key Grip</a></li>
						</ul>												
					</li>	
					<li class="dropdown-submenu">
						<a tabindex="-1" href="#">Montage</a>
						<ul class="dropdown-menu">
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingEditor%>" data-toggle="tab">Editor</a></li>
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingColorist%>" data-toggle="tab">Colorist</a></li>
						</ul>												
					</li>
					<li class="dropdown-submenu">
						<a tabindex="-1" href="#">Other</a>
						<ul class="dropdown-menu">
							<li class><a class="model-menu" href="#<%=GeneralConstants.jobPostingOther%>" data-toggle="tab">Other</a></li>
						</ul>												
					</li>																																					
				</ul>
			</li>
			<!-- Dropdown menu listing equipment types -->	
			<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Select Equipments Required<b class="caret"></b></a>
				<ul class="dropdown-menu">
					<li class="dropdown-submenu">
						<a tabindex="-1" href="#">Camera</a>
						<ul class="dropdown-menu">
							<li class><a class="model-menu" href="#<%=GeneralConstants.equipmentPosting%>" data-toggle="tab">Camera</a></li>
							<li class><a class="model-menu" href="#<%=GeneralConstants.equipmentPosting%>" data-toggle="tab">Lens</a></li>
							<li class><a class="model-menu" href="#<%=GeneralConstants.equipmentPosting%>" data-toggle="tab">Tripod</a></li>
						</ul>
					</li>
					<li class="dropdown-submenu">
						<a tabindex="-1" href="#">Costume</a>
						<ul class="dropdown-menu">
							<li class><a class="model-menu" href="#<%=GeneralConstants.equipmentPosting%>" data-toggle="tab">Hat</a></li>
							<li class><a class="model-menu" href="#<%=GeneralConstants.equipmentPosting%>" data-toggle="tab">Traditional Costume</a></li>
							<li class><a class="model-menu" href="#<%=GeneralConstants.equipmentPosting%>" data-toggle="tab">Other</a></li>
						</ul>
					</li>																																					
				</ul>
			</li>										
		</ul>
	</div>
</body>
</html>